<ng-content></ng-content>
<div
  class="preview"
  [class.preview-border]="!(preview | async)"
  (click)="!disabled && click()"
  [style.border-radius]="radius"
>
  <img *ngIf="preview | async as src; else elseRef" [src]="src | safe" />
  <ng-template #elseRef>
    <mat-icon class="subtitle">cloud_upload</mat-icon>
  </ng-template>
</div>
<div class="g-flex-center mt-3" *ngIf="!disabled">
  <button
    type="button"
    class="btn btn-sm btn-primary mr-3"
    *ngIf="saveBtn && (touche | async)"
    (click)="onSave()"
  >
    保存
  </button>
  <button type="button" class="btn btn-sm btn-secondary" (click)="click()" [disabled]="disabled">
    上传
  </button>
</div>
